<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UGame</title>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/store.css" type="text/css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.min.js"></script>
    <script type="text/javascript" src="js/ugame.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" class="default-panel">
    <div id="header-top" class="default-panel">
        <div id="logo"></div>
        <!-- End #logo -->

        <div id="action-panel">
            <a href="#" id="settingButton" onclick="return false">
                <img src="images/setting.png" alt="">
            </a>
            <a href="#" id="accountButton" onclick="return false">
                <img src="images/account.png" alt="">
            </a>
            <a id="searchButton" href="#" onclick="return false">
                <img src="images/search.png" alt="">
            </a>
        </div>
        <!-- End #action-panel -->
    </div>
    <!-- End #header-top -->

    <div class="fd-panel">
        <div id="search-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                        </div>
                        <!-- End .left-fd-panel -->
                    </td>
                    <td style="width: 224px;" valign="top">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="text-input-2">
                                    <input type="text" value="Enter Search Keyword"/>
                                    <a href="#"></a>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                        </div>
                        <!-- End .right-fd-panel -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #search-panel -->

        <div id="login-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                            <a class="sign-up" href="#"></a>
                        </div>
                        <!-- End #left -->
                    </td>
                    <td valign="top" style="width: 224px;">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="text-input-1">
                                    <input type="text" value="email"/>
                                </div>
                                <div class="text-input-1">
                                    <input type="password" value="*****"/>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                            <a class="sign-in" href="#"></a>
                        </div>
                        <!-- End #right -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #login-panel -->

        <div id="language-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                        </div>
                        <!-- End .left-fd-panel -->
                    </td>
                    <td valign="top" style="width: 224px;">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="check-input-1">
                                    <input type="radio" value="en-US" id="en-US" name="language"/>
                                    <label for="en-US">English</label>
                                </div>
                                <div class="check-input-1">
                                    <input type="radio" value="vi-VN" id="vi-VN" name="language"/>
                                    <label for="vi-VN">Tiếng Việt</label>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                        </div>
                        <!-- End .right-fd-panel -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #language-panel -->
    </div>
    <!-- End #fd-panel-->

    <div id="banner" class="default-panel">
        <img src="images/banner.png" alt="">
    </div>
    <!-- End #banner -->
    <div id="main-nav" class="default-panel">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><a href="#">News</a></td>
                <td><a href="#">Store</a></td>
                <td><a href="#">Forum</a></td>
            </tr>
        </table>
    </div>
    <!-- End #main-nav -->
</div>
<!-- End #header -->

<div id="main" class="default-panel">
	<div id="register-panel" class="default-panel">
		<div class="fd-panel static-fd-panel">
			<div class="default-panel">
				<table width="100%" cellpadding="0" cellspacing="0">
					<tr>
						<td valign="top">
							<div class="left-fd-panel default-panel">
							</div>
							<!-- End #left -->
						</td>
						<td valign="top" style="width: 224px;">
							<div class="center-fd-panel default-panel">
								<div class="main-fd-panel">
									<div class="text-input-1">
										<input type="text" id="Email" name="Email" value="Email"/>
									</div>*
									<div class="text-input-1">
										<input type="password" value="*****"/>
									</div>
									<div class="text-input-1">
										<input type="password" value="*****"/>
									</div>
									<div class="text-input-1">
										<input type="text" value="Phone Number"/>
									</div>
									<div class="text-input-1">
										<input type="text" value="Full Name"/>
									</div>
								</div>
								<!-- End .main-fd-panel -->
								<div class="bottom-fd-panel">
								</div>
								<!-- End .bottom-fd-panel -->
							</div>
							<!-- End .center-fd-panel -->
						</td>
						<td valign="top">
							<div class="right-fd-panel default-panel">
							</div>
							<!-- End #right -->
						</td>
					</tr>
				</table>
			</div>
			<!-- End #regiter-panel -->
		</div>
		<div class="default-panel split-bar">
		</div>
		<div class="default-panel expandable">
			<div class="content">
				<p style="font-size:12px;margin:5px 0px 5px 0px;">Điều khoản xác  nhận</p>
				Trải nghiệm những hình ảnh mát dịu giữa mùa hè nóng bức với Game Boom nước cực Cool của Qplay.vn...<br/>
				Câu chuyện kể về hành trình thú vị của cậu bé tên Boom nước với ước mơ trở thành thợ săn tài ba.<br/>
				Nhưng giấc mơ nhỏ bé của Boom nước bị phá vỡ khi tên Hải tặc gian ác xuất hiện và bắt đi toàn bộ dân làng.<br/>
				Với vũ khí là những quả Bong bóng nước cậu bé Boom nước đã chiến đấu với tên Hải tặc gian ác cùng đồng bọn thế nào?<br/>
				Hãy tham gia ngay vào hành trình của cậu bé Boom nước đáng yêu nhé!
			</div>
			<div class="control-panel">
				<div class="overlayout">
				</div>
				<div class="split-bar">
					<a href="#" class="expand-button-1" onclick="return false;"></a>
				</div>
			</div>
		</div>
		<div class="default-panel">
			<div class="check-input-1">
				<input type="checkbox" value="newsletter" id="newsletter" name="newsletter"/>
				<label for="newsletter">Nhận newsletter từ hệ thống</label>
			</div>
			<div class="check-input-1">
				<input type="checkbox" value="accept" id="accept" name="accept"/>
				<label for="accept">Tôi hoàn toàn đồng ý với những điều khoản trên</label>
			</div>
			<a href="#" onclick="return false;" class="button-style-4">Sign up</a>
		</div>
	</div>
    <div class="clear"></div>
</div>
<!-- End #main -->

<div id="footer" class="default-panel">
    <div id="footer-banner">
    </div>
    <!-- End #footer-banner -->
    <div id="footer-content" class="default-panel">
        <div id="footer-logo">
        </div>
        <!-- End #footer-logo -->

        <a class="email" href="#"></a>
        <a class="phone" href="#"></a>
    </div>
    <!-- End #footer-content -->
</div>
<!-- End #footer -->
</div>
<!-- End #wrapper-->
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/store.js"></script>
<script type="text/javascript">
    $('.star').raty({
        readOnly : true,
        score    : 4,
        size: 12
    });
</script>
</body>
</html>